<template>
  <div>
    <hr>
    <p @click="hClick">-----这是一个父组件-------------</p>
    <button @click="hClick">这个普通按钮</button>
    <!-- vue中如果是普通的标签，可以直接绑定事件，可以直接触发 -->
    <!-- vue中如果是自定义组件，不能直接绑定事件，直接绑定事件是没有触发效果
         可以在子组件中写监听的事件函数，在使用时触发父组件中的函数，这个过程已经封装好
         可以使用native
     -->
    <!-- son自定义的组件 -->
    <!-- <son @click.native="hClick" /> -->
    <el-button @click="hClick">element-ui</el-button>
    <son @click.native="hClick" />
  </div>
</template>

<script>

import Son from './Son.vue'
export default {
  components: {
    Son
  },
  methods: {
    hClick() {
      alert('hClick')
    }
  }
}
</script>

<style>

</style>
